<template>
  <div id="app">

    <router-view class="text" />
    <Tabbar :items='items' class="nav" />
  </div>
</template>
<script>
  import Tabbar from './components/tab/Tabbar'

  export default {
    data() {
      return {
        items: [{
          title: '首页',
          path: '/',
          icon: 'icon-home'
        }, {
          title: '分类',
          path: '/class',
          icon: 'icon-all'
        }, {
          title: '购物车',
          path: '/shopping',
          icon: 'icon-icon-test'
        }, {
          title: '个人',
          path: '/personal',
          icon: 'icon-icon_user'
        }]
      }
    },
    components: {
      Tabbar
    },
    mounted() {
      // userUtils.saveToken();
    }
  }
</script>
<style lang="scss">
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  // .nav{
  //   height: 10vh;
  //   width: 100%;
  // }
  // .text{
  //   height: 90vh;
  //   width: 100%;
  // }
</style>